<template>
  <div>
    <h1> {{ title }} </h1>
    <button @click="handleClick"> 按钮 </button>
    <ul>
      <li v-for="list in listsFilter">
        {{ list }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data: function() {
    return {
      title: 'my test',
      lists: [1, 2, 3, 4, 5]
    }
  },
  computed: {
    listsFilter: function() {
      return this.lists.filter(item => item > 3)
    }
  },
  methods: {
    handleClick: () => {
      alert('事件触发！');
    }
  }
}
</script>

<style>

</style>